function getBasicTemplate() {
    const { defineComponent, reactive, onMounted } = Vue;
    
    const component = {
        name: 'basic-template',
        props: {
            formconfig: {
                type: Object,
                required: true
            },
        },
        data: {
            formModelValue: {},
        },
        onMounted: () => {
            console.log('Component mounted');
        },
        template: `
            <el-form class="zh-form" ref="refForm" :model="formModelValue" 
                    :label-width="formconfig.formLabelWidth || 'auto'" 
                    type="flex" inline justify="end" 
                    style="flex-wrap: wrap; flex-direction: row" 
                    :validate-on-rule-change="false">
                <el-form-item v-for="(item, index) in formconfig.fieldList" :key="'form-item' + index" :label="item.label" 
                              :prop="item.prop" :label-width="item.labelWidth">
                    <!-- 动态渲染表单项，这里以文本输入框为例 -->
                    <el-input v-if="item.type === 'input'" v-model="formModelValue[item.prop]" placeholder="请输入"></el-input>
                    <!-- 根据不同类型的item渲染不同的表单项 -->
                </el-form-item>
            </el-form>
        `,
    };

    return createVueComponent(component);
}